@import "../../../../global";

.ex-document-management {

    .content {
        padding: 3px 0 3px 3px;

        .tool-trash {
            margin-bottom: 6px;
        }

        .web-table-doc {
            overflow-y: scroll;
        }

        .button {
            button {
                margin-right: 12px;
            }

            .keyword {
                float: right;
                margin-right: 16px;
                padding-top: 3px;
            }
        }

        .search {
            text-align: right;
        }

        .navigation {
            line-height: 40px;
            height: 40px;

            .ant-breadcrumb {
                line-height: 40px;
                height: 40px;
            }

            .ant-divider {
                height: 18px;
            }
        }

        .ant-table {
            td {
                padding-top: 4px;
                padding-bottom: 8px;
            }

            .cell-icon {
                img {
                    width: 36px;
                    height: 36px;
                }

                label {
                    margin-left: 8px;
                    margin-top: 4px;
                    display: inline-block;
                    height: 36px;
                    line-height: 36px;
                    vertical-align: bottom;

                    &:hover {
                        cursor: text;
                    }
                }

                .name {

                    &-hint {
                        color: #B7B7B7;
                        font-size: 12px;
                    }

                    &-title {
                        margin-right: 3px;
                    }
                }
            }
        }
    }

    .left {
        padding-right: 6px;

        .tree {
            background-color: #f2f2f2;

            .ant-card-body {
                overflow-y: auto;
                padding: 0 6px !important;
            }

            .ant-card-actions {
                .card-action {
                    &:hover {
                        cursor: pointer;
                    }

                    img {
                        width: 21px;
                        height: 21px;
                        margin-right: 8px;
                    }

                    label {
                        display: inline-block;
                        line-height: 24px;
                        height: 24px;

                        &:hover {
                            cursor: pointer;
                        }
                    }
                }

                .card-action-disabled {
                    opacity: 0.5;

                    &:hover {
                        cursor: not-allowed;
                    }

                    img {
                        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=100) !important;
                        -webkit-filter: grayscale(100%) !important;
                    }
                }
            }

            i {
                svg {
                    width: 16px;
                    height: 16px;
                }
            }

            .ant-tree-title {
                color: #2b2b2b;
                margin-left: 8px;
            }

            .ant-tree-node-selected {
                .ant-tree-title {
                    color: white;
                }
            }
        }
    }
}